<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui">

	<!--			busqueda de mis vehiculos			-->

		<div id="panel-mis-vehiculos">
			<div class="divPanelGridFiltro" align="center">
				<h:panelGroup id="plgFiltro">
					<h:panelGrid columns="4">
						<h:outputLabel value="#{etiquetaController.etiquetaPlaca}: " />
						<p:inputText style="text-transform:uppercase;"
							value="#{cotizacionController.vehiculoBeanForm.placa}" />

						<h:outputLabel value="#{etiquetaController.etiquetaChasis}:  " />
						<p:inputText style="text-transform:uppercase;" id="busquedaChasis"
							value="#{cotizacionController.vehiculoBeanForm.chasis}" />

						<h:outputText value="Marca:" />
						<p:selectOneMenu id="busquedaTipoMarca" value="#{cotizacionController.vehiculoBeanForm.marca}">
							<f:selectItem itemLabel="Seleccione" itemValue="-1" />
							<f:selectItems var="marca" value="#{cotizacionController.listaMarcas}"
										   itemValue="#{marca.scodigo}" itemLabel="#{marca.nombre}" />
							<p:ajax event="change" process="@this" global="false"
									listener="#{cotizacionController.listarModelosPorMarca}"
									update="busquedaTipoModelo" />
						</p:selectOneMenu>

						<h:outputLabel>Modelo:</h:outputLabel>
						<p:selectOneMenu id="busquedaTipoModelo" value="#{cotizacionController.vehiculoBeanForm.modeloVehiculo}">
							<f:selectItem itemLabel="Seleccione" itemValue="-1" />
							<f:selectItems value="#{cotizacionController.listaModelos}" var="modelo"
										   itemValue="#{modelo.codigoCompuesto}" itemLabel="#{modelo.nombreModelo}" />
						</p:selectOneMenu>
					</h:panelGrid>

					<div class="divBotonesFiltro" align="center">
						<p:commandButton action="#{cotizacionController.buscarVehiculos}" value="Buscar" 
										 styleClass="butonSmall" process="@this, plgFiltro" 
										 update="panelResultadosVehiculos" oncomplete="porDefectoPaginador(tblVehiculo)"/>
						<p:spacer width="5" />
						
						<p:commandButton action="#{cotizacionController.limpiarBusqueda}" value="Limpiar" 
										 styleClass="butonSmall" process="@this" update="plgFiltro, panelResultadosVehiculos" global="false"
										 oncomplete="porDefectoPaginador(tblVehiculo)"/>
						<p:spacer width="5" />

					</div>
				</h:panelGroup>
			</div>
			<p:spacer height="25">
			</p:spacer>
			<div class="data-table-ventas">
				<h:panelGroup id="panelResultadosVehiculos" layout="block">
					<p:dataTable id="dtVehiculos" var="vehiculo" widgetVar="tblVehiculo"
						value="#{cotizacionController.listaVehiculosBean}"
						rowKey="#{vehiculo.chasis}" emptyMessage="" paginator="true"
						paginatorPosition="top" rows="10"
						paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
						currentPageReportTemplate="{currentPage} de {totalPages}">
						
						<p:ajax event="page" global="false" />
						
						<p:column headerText="Marca" sortBy="#{vehiculo.marca}" sortFunction="#{ordenarDatatable.ordernar}">
							<h:outputText value="#{vehiculo.marca}" />
						</p:column>

						<p:column headerText="Tipo" sortBy="#{vehiculo.tipoVehiculo}" sortFunction="#{ordenarDatatable.ordernar}">
							<h:outputText value="#{vehiculo.tipoVehiculo}">
							</h:outputText>
						</p:column>

						<p:column headerText="Modelo" sortBy="#{vehiculo.modelo}" sortFunction="#{ordenarDatatable.ordernar}">
							<h:outputText value="#{vehiculo.modelo}">
							</h:outputText>
						</p:column>

						<p:column headerText="Chasis" style="width: 180px;" sortBy="#{vehiculo.chasis}"
							sortFunction="#{ordenarDatatable.ordernar}">
							<h:outputText value="#{vehiculo.chasis}">
							</h:outputText>
						</p:column>

						<p:column headerText="Placa" style="width: 120px;"
							sortBy="#{vehiculo.placa}"
							sortFunction="#{ordenarDatatable.ordernar}">
							<h:outputText value="#{vehiculo.placa}">
							</h:outputText>
						</p:column>

						<p:column style="width: 2%;">
							<f:facet name="header">
								<h:outputText value=" " />
							</f:facet>
							<p:commandLink id="botonComprarRepuesto"
										   action="#{cotizacionController.seleccionarVehiculoComprarRepuesto(vehiculo)}"
										   process="@this"
										   update=":frmCotizacion:tabGeneral:panelAgregarRepuestosCarrito"
										   oncomplete="mostrarPestaniaMisVehiculos(xhr, status, args); 
													  $('[id*=comboListaGrupos_panel]').css({'min-width':157}); 
													  $('[id*=comboListaSubGrupos_panel]').css({'min-width':157}); 
													  $('[id*=comboListaTipoComponentes_panel]').css({'min-width':157});">
								<h:graphicImage library="images" name="repuesto.png"
												styleClass="iconSmall" alt="Comprar repuesto" title="Comprar repuesto" />
							</p:commandLink>
						</p:column>

						<p:column styleClass="btn-DataTable-Icon-Centrado">
							<p:commandLink action="#{cotizacionController.seleccionarVehiculoDetalle(vehiculo)}"
										   oncomplete="wvPopUpDetalleVehiculo.show()"
										   process=":frmCotizacion:tabGeneral:panelResultadosVehiculos"
										   update=":frmCotizacion:tabGeneral:panelVehiculoDetalle" global="false">
								<h:graphicImage library="images" name="detalle.png" styleClass="icon-small" 
												alt="Detalle" title="Detalle" />
							</p:commandLink>


						</p:column>
						<f:facet name="footer">
							<div class="pie-cantidad-resultados">
								<h:outputText value="#{not empty cotizacionController.listaVehiculosBean ? 
														   			 (cotizacionController.listaVehiculosBean.size() == 1 ? 'Se encontr&#243; 1 veh&#237;culo': 
														   																              'Se encontraron '.concat(cotizacionController.listaVehiculosBean.size())
														   																                              .concat(' veh&#237;culos'))
														   			 : 'No se encontraron veh&#237;culos' }"/>
							</div>
						</f:facet>
					</p:dataTable>
				</h:panelGroup>
			</div>
		</div>

		<!-- AGREGAR REPUESTO CARRITO DE COMPRA -->
		
		<div id="panel-agregar-repuestos-carrito">
			<h:panelGroup id="panelAgregarRepuestosCarrito" layout="block">
				<div class="nombreSubBloque">
					<h:outputLabel value="Datos del veh&#237;culo seleccionado" />
				</div>

				<div class="divPanelGridFiltro datos-vehiculo-comprar-repuesto"
					align="center">
					<h:panelGrid columns="6">

						<h:outputLabel value="Marca: " />
						<h:outputText styleClass="texto-general" value="#{cotizacionController.compraRepuesto.marca}" />

						<h:outputLabel value="Tipo: " />
						<h:outputText styleClass="texto-general" value="#{cotizacionController.compraRepuesto.tipoVehiculo}" />


						<h:outputLabel value="Modelo: " />
						<h:outputText styleClass="texto-general" value="#{cotizacionController.compraRepuesto.modelo}" />

						<h:outputLabel value="Chasis: " />
						<h:outputText styleClass="texto-general" value="#{cotizacionController.compraRepuesto.chasis}" />

						<h:outputLabel value="Placa: " />
						<h:outputText styleClass="texto-general" value="#{cotizacionController.compraRepuesto.placa}" />

						<p:spacer />
						<p:commandButton value="Regresar a mis veh&#237;culos"
										 styleClass="boton-regresar-a-mis-vehiculos"
										 action="#{cotizacionController.regresarPestaniaMisVehiculos}"
										 oncomplete="mostrarPestaniaMisVehiculos(xhr, status, args);"
										 process="@this" global="false" />
					</h:panelGrid>
				</div>

				<div class="margin-top-agregar-repuestos">
					<p:tabView id="tabBusquedasRepuestos" styleClass="tab-agregar-repuestos" dynamic="true" cache="false">

						<p:ajax event="tabChange" global="false" immediate="true" listener="#{cotizacionController.onTabChange}"/>

						<p:tab id="tabBusquedaPorGrupo"
							title="B&#250;squeda de repuestos por grupo">
							<div class="izquierda">
								<div class="divPanelGridFiltro buscar-repuestos" align="center">
									<h:panelGrid columns="2">

										<h:outputLabel >Componente: <span>( * )</span></h:outputLabel>
										<p:selectOneMenu id="comboListaTipoComponentes" 
														 value="#{cotizacionController.vehiculoBusquedaForm.componente}">
											<f:selectItem itemLabel="Seleccione" itemValue="-1" />
											<f:selectItems var="tipoComponente" value="#{cotizacionController.listaTipoComponentes}"
														   itemValue="#{tipoComponente.scodigo}" itemLabel="#{tipoComponente.nombre}" />
											<p:ajax event="change" listener="#{cotizacionController.seleccionarTipoComponente}" global="false"
													process="@this" update="comboListaGrupos, comboListaSubGrupos, panelImagen, panelListaRepuestosAsignadosImagen" 
													oncomplete="porDefectoPaginador(dtImagenRepuesto)"/>
										</p:selectOneMenu>

										<h:outputLabel>Grupo: <span>( * )</span></h:outputLabel>
										<p:selectOneMenu id="comboListaGrupos" value="#{cotizacionController.vehiculoBusquedaForm.grupo}">
											<f:selectItem itemLabel="Seleccione" itemValue="-1" />
											<f:selectItems var="grupo" value="#{cotizacionController.listaGrupos}"
												 		   itemValue="#{grupo.codigo}" itemLabel="#{grupo.nombre}" />
											<p:ajax event="change" listener="#{cotizacionController.seleccionarGrupo}" oncomplete="porDefectoPaginador(dtImagenRepuesto)"
													process="@this" update="comboListaSubGrupos, panelImagen, panelListaRepuestosAsignadosImagen" global="false"/>
										</p:selectOneMenu>

										<h:outputLabel>Subgrupo: <span>( * )</span>
										</h:outputLabel>
										<p:selectOneMenu id="comboListaSubGrupos" value="#{cotizacionController.vehiculoBusquedaForm.subGrupo}">
											<f:selectItem itemLabel="Seleccione" itemValue="-1" />
											<f:selectItems var="subGrupo" value="#{cotizacionController.listaSubGrupos}"
														   itemValue="#{subGrupo.codigo}" itemLabel="#{subGrupo.nombre}"/>
											<p:ajax event="change" listener="#{cotizacionController.seleccionarSubGrupo}"
													process="@this" oncomplete="tamanioImagenInicial('imagen-busqueda-grupos','imagen-vista-previa'); 
																			    porDefectoPaginador(dtImagenRepuesto)"
													update="panelImagen, panelListaRepuestosAsignadosImagen" />
										</p:selectOneMenu>
									</h:panelGrid>
								</div>

								<p:spacer height="15" />

								<div>
								
								<h:outputLabel value="Repuestos:" />

									<h:panelGroup id="panelListaRepuestosAsignadosImagen" layout="block">
										<p:dataTable var="imagenRepuesto" widgetVar="dtImagenRepuesto"
											value="#{cotizacionController.listaRepuestosAsignadosImagenSeleccionada}"
											rowKey="#{imagenRepuesto.keyListado}"
											emptyMessage="La imagen no tiene repuestos asignados"
											paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
											paginator="true" paginatorPosition="top" rows="10" style="font-size: 12px;"
											currentPageReportTemplate="{currentPage} de {totalPages}">

											<p:column headerText="Pos."
												sortBy="#{imagenRepuesto.posicion}"
												style="width: 50px; text-align: center;"
												styleClass="centrar-contenido">
												<h:outputText value="#{imagenRepuesto.posicion}" />
											</p:column>

											<p:column headerText="Descripci&#243;n"
												styleClass="centrar-contenido"
												sortBy="#{imagenRepuesto.nombre}">
												<h:outputText
													value="#{imagenRepuesto.nombre} #{imagenRepuesto.observacion}" />
											</p:column>

											<p:column headerText="-" styleClass="centrar-contenido">
												<p:commandLink id="botonComprarRepuesto"
															   action="#{cotizacionController.seleccionarImagenRepuestoAgregar(imagenRepuesto)}"
															   process="@this, :frmCotizacion:tabGeneral:tabBusquedasRepuestos:panelListaRepuestosAsignadosImagen"
															   update=":frmCotizacion:tabGeneral:panelAniadirRepuestoCarrito"
															   oncomplete="wvPopupAniadirRepuestoCarrito.show();"
															   disabled="#{imagenRepuesto.estado!='A'}">
													<h:graphicImage library="images"
																	name="#{imagenRepuesto.estado == 'A' ? 'carrito.png' : 'ayuda.png'}"
																	styleClass="iconSmall" alt="A&#241;adir"
																	title="#{imagenRepuesto.estado == 'A' ? 'A&#241;adir al carrito' : 'No Aplica'}" />
												</p:commandLink>
											</p:column>
										</p:dataTable>
									</h:panelGroup>
								</div>
							</div>

							<div class="derecha">
								<h:panelGroup id="panelImagen">
									<div class="botones-navegacion-imagenes" align="center">
										<h:panelGroup id="panelBotonesNavegacion">
											<h:panelGrid columns="3">
												<h:panelGroup>
													<p:commandButton icon="ui-icon-seek-first" title="Primera"
														disabled="#{cotizacionController.deshabilitarPrimera}"
														process="@this" global="false"
														action="#{cotizacionController.verPrimeraImagen}"
														update="panelImagen, panelListaRepuestosAsignadosImagen" />
													<p:commandButton icon="ui-icon-seek-prev" title="Anterior"
														disabled="#{cotizacionController.deshabilitarAnterior}"
														process="@this" global="false"
														action="#{cotizacionController.verAnteriorImagen}"
														update="panelImagen, panelListaRepuestosAsignadosImagen" />
												</h:panelGroup>

												<h:outputLabel id="textoNavegadorImagenes"
													value=" #{cotizacionController.indiceImagenSeleccionada} de #{cotizacionController.tamanioListaImagen} " />

												<h:panelGroup>
													<p:commandButton icon="ui-icon-seek-next" title="Siguiente"
														disabled="#{cotizacionController.deshabilitarSiguiente}"
														process="@this" global="false"
														action="#{cotizacionController.verSiguienteImagen}"
														update="panelImagen, panelListaRepuestosAsignadosImagen" />
													<p:commandButton icon="ui-icon-seek-end"
														title="&#218;ltima"
														disabled="#{cotizacionController.deshabilitarUltima}"
														process="@this" global="false"
														action="#{cotizacionController.verUltimaImagen}"
														update="panelImagen, panelListaRepuestosAsignadosImagen" />
												</h:panelGroup>
											</h:panelGrid>
										</h:panelGroup>
									</div>

									<div>
										<h:panelGroup id="panelScrollImagen" layout="block" rendered="#{cotizacionController.imagenSeleccionada.tipo == 'IMG'}">
											<div id="container-image-scroll"
												class="scroll-image imagen-busqueda-grupos" align="center">
												<p:graphicImage id="image-scroll" rendered="#{cotizacionController.imagenSeleccionada.nombreArchivo != 'noseencontraronimagenes.jpg'}"
																	value="/imagen/servidor/?nombreArchivo=#{cotizacionController.imagenSeleccionada.nombreArchivo}&#38;tipo=imagen"
																	styleClass="imagen-vista-previa imagenBusquedaGrupo" />
											</div>

											<div class="botones-scroll-image">
												<p:commandLink oncomplete="zoomTodoImagen('imagen-busqueda-grupos','imagenBusquedaGrupo')"
															   process="@this" global="false">
													<p:graphicImage library="images" name="zoom-todo.png" title="ver todo" alt="ver todo" />
												</p:commandLink>
												<p:commandLink oncomplete="zoomOriginalImagen('imagenBusquedaGrupo')"
															   process="@this" global="false">
													<p:graphicImage library="images" name="zoom-original.png" title="original" alt="original" />
												</p:commandLink>
												<p:commandLink oncomplete="zoomAlejarImagen('imagenBusquedaGrupo')"
															   process="@this" global="false">
													<p:graphicImage library="images" name="zoom-out.png" title="alejar" alt="alejar" />
												</p:commandLink>
												<p:commandLink oncomplete="zoomAcercarImagen('imagenBusquedaGrupo')"
															   process="@this" global="false">
													<p:graphicImage library="images" name="zoom-in.png" title="acercar" alt="acercar" />
												</p:commandLink>
											</div>
										</h:panelGroup>

										<p:media
											value="/pdf/servidor/?nombreArchivo=#{cotizacionController.imagenSeleccionada.nombreArchivo}"
											rendered="#{cotizacionController.imagenSeleccionada.tipo == 'PDF'}"
											styleClass="pdf-vista-previa">
											Tu navegador no puede mostrar PDFs
										<h:outputLink value="/resources/images/imagenes/#{cotizacionController.imagenSeleccionada.ruta}">click</h:outputLink>Descargar archivo
									</p:media>
									</div>
								</h:panelGroup>
							</div>
						</p:tab>

						<p:tab id="tabBusquedaPorNombre"
							title="B&#250;squeda de repuestos por descripci&#243;n">
							<div class="izquierda">

								<div class="divPanelGridFiltro buscar-repuestos" align="center">
									<h:panelGrid columns="2">

										<h:outputLabel>Descripci&#243;n: <span>( * )</span></h:outputLabel>
										<h:panelGroup>
											<p:inputText id="nombreRepuestoBuscar" value="#{cotizacionController.vehiculoBusquedaForm.descripcion}"
														 required="true" />
											<p:commandButton icon="ui-icon-search"
															 action="#{cotizacionController.buscarRepuestosPorNombre}"
															 process="@this, nombreRepuestoBuscar"
															 update="panelListaRepuestosBusquedaNombre" oncomplete="porDefectoPaginador(dtImagenRepuestoDesc)"/>
										</h:panelGroup>

									</h:panelGrid>
								</div>

								<p:spacer height="25" />

								<div>
									<h:outputLabel value="Repuestos:" />

									<h:panelGroup id="panelListaRepuestosBusquedaNombre">
										<p:dataTable var="imagenRepuesto" value="#{cotizacionController.listaImagenRepuestoBusqueda}"
													 rowKey="#{imagenRepuesto.keyListado}" widgetVar="dtImagenRepuestoDesc"
													 emptyMessage="No existen repuestos para esta b&#250;squeda"
													 paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
													 paginator="true" paginatorPosition="top" rows="10"
													 currentPageReportTemplate="{currentPage} de {totalPages}">
											
											<p:column headerText="Posici&#243;n" sortBy="#{imagenRepuesto.posicion}"
													  style="width: 50px; text-align: center;" styleClass="centrar-contenido">
												<h:outputText value="#{imagenRepuesto.posicion}" />
											</p:column>

											<p:column headerText="Descripci&#243;n" styleClass="centrar-contenido" sortBy="#{imagenRepuesto.nombre}">
												<h:outputText value="#{imagenRepuesto.nombre}" />
											</p:column>

											<p:column style="width: 2%; text-align: center;">
												<f:facet name="header">
													<h:outputText value=" " />
												</f:facet>
												<p:commandLink id="botonComprarRepuestoBusqueda"
															   action="#{cotizacionController.seleccionarImagenRepuestoAgregar(imagenRepuesto)}"
															   process="@this"
															   update=":frmCotizacion:tabGeneral:panelAniadirRepuestoCarrito "
															   oncomplete="wvPopupAniadirRepuestoCarrito.show();" global="false">
													<h:graphicImage library="images" name="carrito.png" styleClass="iconSmall" alt="A&#241;adir"
																	title="A&#241;adir al carrito" />
												</p:commandLink>
											</p:column>

											<p:column style="width: 2%; text-align: center;">
												<f:facet name="header">
													<h:outputText value=" " />
												</f:facet>
												<p:commandLink id="botonVerImagenRepuestoBusqueda"
													action="#{cotizacionController.seleccionarImagenRepuestoVerImagen(imagenRepuesto)}"
													process=":frmCotizacion:tabGeneral:tabBusquedasRepuestos:panelListaRepuestosBusquedaNombre"
													update=":frmCotizacion:tabGeneral:tabBusquedasRepuestos:panelImagenBusquedaNombre">
													<h:graphicImage library="images" name="imagen.png" styleClass="iconSmall" alt="Ver imagen" title="Ver imagen" />
												</p:commandLink>
											</p:column>

										</p:dataTable>
									</h:panelGroup>
								</div>
							</div>

							<div class="derecha">
								<h:panelGroup id="panelImagenBusquedaNombre">
									<div>
										<h:panelGroup id="panelScrollImagenBusquedaNombre" rendered="#{cotizacionController.imagenRepuestoVerImagen.imagen.tipo == 'IMG'}">
											<div class="scroll-image imagen-busqueda-repuestos" align="center">
												<p:graphicImage rendered="#{cotizacionController.imagenRepuestoVerImagen.imagen.nombreArchivo != 'noseencontraronimagenes.jpg'}"
																value="/imagen/servidor/?nombreArchivo=#{cotizacionController.imagenRepuestoVerImagen.imagen.nombreArchivo}&#38;tipo=imagen"
																styleClass="imagen-vista-previa imagenBusqueda" />
											</div>

											<div class="botones-scroll-image">
												<p:commandLink oncomplete="zoomTodoImagen('imagen-busqueda-repuestos','imagenBusqueda')"
															   process="@this" global="false">
													<p:graphicImage library="images" name="zoom-todo.png" title="Ver todo" alt="Ver todo" />
												</p:commandLink>
												<p:commandLink oncomplete="zoomOriginalImagen('imagenBusqueda')" global="false"
															   process="@this">
													<p:graphicImage library="images" name="zoom-original.png" title="Original" alt="Original" />
												</p:commandLink>
												<p:commandLink oncomplete="zoomAlejarImagen('imagenBusqueda')"
															   process="@this" global="false">
													<p:graphicImage library="images" name="zoom-out.png" title="Alejar" alt="Alejar" />
												</p:commandLink>
												<p:commandLink oncomplete="zoomAcercarImagen('imagenBusqueda')" 
															   process="@this" global="false">
													<p:graphicImage library="images" name="zoom-in.png" title="Acercar" alt="Acercar" />
												</p:commandLink>
											</div>
										</h:panelGroup>

										<p:media value="/pdf/servidor/?nombreArchivo=#{cotizacionController.imagenRepuestoVerImagen.imagen.nombreArchivo}"
												 rendered="#{cotizacionController.imagenRepuestoVerImagen.imagen.tipo == 'PDF'}"
												 styleClass="pdf-vista-previa">
												Tu navegador no puede mostrar PDFs
										<h:outputLink value="/resources/images/imagenes/#{cotizacionController.imagenRepuestoVerImagen.imagen.ruta}">click</h:outputLink>Descargar archivo
									</p:media>
									</div>
								</h:panelGroup>
							</div>
						</p:tab>
					</p:tabView>
				</div>
			</h:panelGroup>
		</div>

		<p:dialog id="popUpDetalleVehiculo" widgetVar="wvPopUpDetalleVehiculo"
				  closable="true" header="Detalle veh&#237;culo"
				  modal="true" resizable="false">
			<div class="panel-general-popup">
				<h:panelGroup id="panelVehiculoDetalle">
					<div class="divPanelGridFiltro">
						<h:panelGrid columns="2">
							<h:outputLabel>Marca: </h:outputLabel>
							<h:outputText styleClass="texto-general"
								value="#{cotizacionController.vehiculoAdapter.marca}" />

							<h:outputLabel>Tipo: </h:outputLabel>
							<h:outputText styleClass="texto-general"
								value="#{cotizacionController.vehiculoAdapter.tipoVehiculo}" />


							<h:outputLabel>Modelo: </h:outputLabel>
							<h:outputText styleClass="texto-general"
								value="#{cotizacionController.vehiculoAdapter.modelo}" />


							<h:outputLabel>#{etiquetaController.etiquetaChasis}: </h:outputLabel>
							<h:outputText styleClass="texto-general"
								value="#{cotizacionController.vehiculoAdapter.chasis}" />


							<h:outputLabel>#{etiquetaController.etiquetaPlaca}: </h:outputLabel>
							<h:outputText styleClass="texto-general"
								value="#{cotizacionController.vehiculoAdapter.placa}" />

						</h:panelGrid>
					</div>

				</h:panelGroup>
			</div>

		</p:dialog>

		<!--			Dialog  Aniadir Repuesto al Carrito			-->

		<p:dialog id="popupAniadirRepuestoCarrito"
				  widgetVar="wvPopupAniadirRepuestoCarrito"
				  header="A&#241;adir repuesto" resizable="false"
				  modal="true">
			<div class="panel-general-popup">

				<h:panelGroup id="panelAniadirRepuestoCarrito" layout="block">
					<div class="divPanelGridFiltro" align="center">

						<h:panelGrid columns="2">
							<h:outputLabel value="Posici&#243;n: " />
							<h:outputText styleClass="texto-general"
								value="#{cotizacionController.imagenRepuestoAgregar.posicion}" />

							<h:outputLabel styleClass="label-general" value="Descripci&#243;n:" />
							<h:panelGroup>
								<h:outputText styleClass="texto-general" value="#{cotizacionController.imagenRepuestoAgregar.nombre}" />
								<br/>
								<h:outputText styleClass="texto-general" value="#{cotizacionController.imagenRepuestoAgregar.observacion}"/> 
							</h:panelGroup>
							<h:outputLabel value="Cantidad referencial:" />

							<c:set var="cantidad_referencial" scope="session"
								value="#{cotizacionController.imagenRepuestoAgregar.cantidadReferencial}" />

							<c:choose>
								<c:when test="${cantidad_referencial== -1}">
									<h:outputText styleClass="texto-general" value="-" />
								</c:when>
								<c:when test="${cantidad_referencial== -2}">
									<h:outputText styleClass="texto-general"
										value="Seg&#250;n necesidad del cliente" />
								</c:when>
								<c:when test="${cantidad_referencial== -200}">
									<h:outputText styleClass="texto-general" value="No disponible" />
								</c:when>
								<c:otherwise>
									<h:outputText styleClass="texto-general"
										value="#{cotizacionController.imagenRepuestoAgregar.cantidadReferencial}" />
								</c:otherwise>
							</c:choose>

							<h:outputLabel value="Cantidad solicitada: ( * ) " />
							<p:inputText id="cantidadElementoCotizacion" maxlength="10"
								value="#{cotizacionController.imagenRepuestoAgregar.cantidad}"
								required="true" requiredMessage="Cantidad solicitada: Requerido">
								<f:validator validatorId="numeroValidator" />
								<f:validator validatorId="numeroPositivoValidator" />
								<f:attribute name="campo" value="Cantidad solicitada" />
								<p:ajax update="msgCantidadElementoCotizacion" global="false"/>
							</p:inputText>

						</h:panelGrid>

						<div class="panel-botones" align="center">
							<p:commandButton value="Aceptar" styleClass="butonSmall"
											 actionListener="#{cotizacionController.agregarElementoACarrito}"
											 process="panelAniadirRepuestoCarrito" global="false"
											 update=":frmCotizacion:tabGeneral:plgDt, :growl, msgCantidadElementoCotizacion"
											 oncomplete="ocultarDialogSiOperacionEsCorrecta(xhr, status, args, wvPopupAniadirRepuestoCarrito)" />
							<span>&#160;</span>
							<p:commandButton value="Cancelar" process="@this" styleClass="butonSmall"
											 oncomplete="wvPopupAniadirRepuestoCarrito.hide()" global="false"/>
						</div>

						<div class="panelMessages">
							<p:message id="msgCantidadElementoCotizacion" for="cantidadElementoCotizacion" />
						</div>
					</div>
				</h:panelGroup>
			</div>
		</p:dialog>
</ui:composition>